<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户资料</title>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="./css/mui.picker.min.css" rel="stylesheet" />
		<link href="./css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/public.css?v=20181211" />
		<link rel="stylesheet" href="./css/edit-address.css?v=20181211" />
		<link href="./css/city-cart-detail.css?v=20181211" />
		<link rel="stylesheet" href="./css/personal.css?v=20181211" />
		<link rel="stylesheet" href="./css/cxvalidation.css">
		<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&libraries=drawing,geometry,autocomplete,convertor"></script>
		<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src="./js/mui.min.js"></script>
		<script src="./js/mui.picker.js"></script>
		<script src="./js/mui.poppicker.js"></script>
		<script src="./js/cxvalidation.js"></script>
		<script src="./js/city.data.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/art-template.js"></script>
		<script src="./js/config.js?v=20181211"></script>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav header_change_color">
			<a style="color: #fff" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 style="color: #fff" class="mui-title">账户资料</h1>
		</header>
			
	    <div class="mui-content">
			<div style="padding: 1rem">
				<form action="" name='myform' id='myform'>
					<div class='edit-container border_color data1' data="1">
						<span class='edit-left'>用户姓名：</span>
						<input class='edit-right name' name="name" data-validation="required" data-validation-message='{"required":"请填写用户姓名"}'  type="text" value='' placeholder="请填写联系人姓名"/>

					</div>
					<div class='edit-container data2' data="2">
						<span class='edit-left'>联系电话：</span>
						<input name="mobile" class='edit-right mobile' data-validation="required,call[is_mobile]" data-validation-message='{"required":"请填写联系电话"}' type="number" value='' placeholder="请填写您的手机号" style="width: 50%;"/>
						<button type="button" style="margin-top: 0.4rem;border: 1px solid #25bdef;height: 2rem" class="mui-btn change-num change_but">修改手机号</button>
					</div>
					<!--获取验证码-->
					<div class='edit-container data3' data="3" style="display: none">
						<span class='edit-left'>获取验证码：</span>
						<input name="captcha" class='edit-right captcha' type="number" data-validation="call[is_card]" value='' placeholder="验证码" style="width:47%;"/>
						<button type="button" style="margin-top: 0.5rem;border: 1px solid #25bdef;height: 2rem" class="mui-btn change-num get_code">获取验证码</button>
					</div>

					<!--用户类型-->
					<div class='member-info data4' data="4">
						<div class="mui-input-row mui-radio mui-left" >
							<label style='padding-left: 0;font-size: 1rem'>用户类型：</label>
						</div>
						<div class="mui-input-row mui-radio mui-left member-info-company-left" >
							<label style="font-size: 1rem">单位</label>
							<input id="radio_email" class="radio1 company company-info" name="type" data="10" type="radio" value="1" checked>
						</div>
						<div class="mui-input-row mui-radio mui-left member-info-company-right" >
							<label style="font-size: 1rem">家庭</label>
							<input class="radio1 home company-info" name="type" data="20" value="2" type="radio">
						</div>
					</div>
					<!--单位名称-->
					<div class='edit-container data5' data="5">
						<span class='edit-left'>单位名称：</span>
						<input  name="company_name"  class='edit-right company_name' data-validation="condRequired[radio_email]" type="text" value='' data-validation-message='{"condRequired":"请填写单位名称"}' placeholder="请填写您的单位名称"/>

					</div>
					<div class='edit-container data6' data="6">
						<span class='edit-left'>地区选择：</span>
						<input name="area_info" class='mui-btn mui-btn-block edit-right area_info'  data-validation="required" data-validation-message='{"required":"请填写所属地区"}' type="text"  value="北京市 市辖区  东城区"  id='showCityPicker3' style="text-align: left;"/>
					</div>
					<div class='edit-container data7' data="7">
						<span class='edit-left'>详细地址：</span>
						<input name="address" class='edit-right address' id="address" type="text"  data-validation-message='{"required":"请填写详细地址"}'  value='' placeholder="街道楼栋门牌号"/>
					</div>
					<!--保存地址-->
					<div class='sure-submit'>
						<input type="hidden" name="province_id" id="province_id">
						<input type="hidden" name="city_id" id="city_id">
						<input type="hidden" name="area_id" id="area_id">
						<input type="hidden" name="old_mobile" id="old_mobile">
						<input type="hidden" name="add_address" id="add_address" value="0">
						<input type="hidden" name="area_position" id="area_position" value="0">
						<input type="hidden" name="position_address" id="position_address">
						<button id='button' type="submit">保存地址</button>
						<!--<input type="submit" value="保存" class="btn" id="button">-->
					</div>
				</form>
			</div>

		</div>
		<script src='js/commen.js?v=20181211'></script>
		<script src="js/member-info.js?v=20181211"></script>

	</body>

</html>
